<!DOCTYPE html>
<html>
<head>
    <title>Eenzaamheidswijzer</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet" media="screen">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
    <div id="wrap">
        <div class="container">
            <!-- Header -->
            <div class="page-header">
                <h1>eenzaamheidswijzer</h1>
            </div>

            <!-- Content -->
            <div id="content">
                <div id="index">
                    <p>Ben jij eenzaam of denk je dat je het bent? Wil je weten wat je met dat gevoel moet? <br />Maak je klaar voor de spiegel van je ziel.</p>
					<p>Start deze wetenschappelijk hoogst onverantwoorde <b>eenzaamheidswijzer</b>, zonder enige garantie op genezing noch niet-tevreden-tijd-terug-garantie. (Troost bij de start: Je bent niet de enige die hem doet.) </p>
					<p>Deze test komt uit het briljante hoofd van <a target='_blank' href='http://www.egbg.nl'>Martijn Engelbregt</a> en werd in 2012 tijdens een 24 uur durende hackathon ontwikkeld door de helden van <a href='http://www.rhok.be' target='_blank'>rhok.be</a>.</p>

                    <div class="pull-right">
                        <a class="btn btn-large" onclick="startQuestions();">Doe de test!</a>
                    </div>
                </div>


                <div id="questions">
                </div>

                <div id="results">
                    <div class="result">
                        <!-- ajax fill in -->
                        <div>
                            <div id="profile">
                                <a href="profilelink" id="profileLink" target="_parent">
                                    <img id="solutionPicture" src="" />
                                    <blockquote id="solution">
                                        <h3>Deze tip past bij jou:</h3>
                                        <p id="solutionText"></p>
                                        <span id="portraitName"></span>
                                    </blockquote>
                                </a>
                                <br clear="all"/>
                            </div>
                            <div id="social">

                                <div class="btn-group">
                                    <a  onclick="postToFeed(); return false;" href="#" class="share-button"><img src="img/fb_share.jpg" /></a>
                                    <div id="twitter-button" class="share-button">
                                        <a href="https://twitter.com/share" class="twitter-share-button" data-lang="nl" data-count="none" data-text="test">Tweet</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <br clear="all"/>
            </div>
        </div>
    </div>

    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
	<script src="js/url.js"></script>
    <script src="js/main.js"></script>
    <script src='http://connect.facebook.net/en_US/all.js'></script>
</body>
</html>
